<template>
    <div class='header_search-box'>
        <el-form :inline="true"   :label-position='mode'>
            <slot></slot>
            <slot name='oneRow'></slot>
            <slot name='towRow'></slot>
            <slot name='threeRow'></slot>
        </el-form>
    </div>
    
</template>
<script>
export default {
    props: {
        listData: {
          type: Object,
          default: () => {}
        },
        
    },
    data() {
        return {
            mode: 'right',
            searchData: {}
        }
    },
    created () {
    },
    watch: {
    },

    computed: {
      
    },
    methods: {
      
    }
}
</script>
<style lang='scss'>
    .header_search-box {
       
        padding-top: 10px;
        box-shadow: $baseShadow;
        border-radius: 4px;
        .el-form {
            max-width: 1340px;
            margin-left: -40px;
            .el-form-item {
                margin-bottom: 10px;
                vertical-align: bottom;
            }
            .el-form-item__label {
                width: 120px;
                color: $colorForm;
            }

             .el-input__inner {
                width: 200px;
                height: 35px;
                box-sizing: border-box;
            }
        }

        // button 样式
        .el-button {
            height: 34px;
            box-sizing: border-box;
            font-size: 12px;
            color: $colorWhite;
            border: none;
            box-sizing: border-box;
        }
        .el-button--primary {
            background: $btnBgcBase;    
        }
        .el-button--primary:hover {
            background: $btnBgcHover;    
        }
    }
</style>

